<template>
  <div>
    <h2>{{ count }}</h2>
    <button @click="showClick">点击加一</button>
    <h3 v-if="count === 1">我是你爷</h3>
    <h3 v-else-if="count === 2">我是你爹</h3>
    <h3 v-else-if="count === 3">我是你哥</h3>
    <h3 v-else>我就是你亲大爷</h3>
  </div>
</template>

<script>
export default {
  name: "Lsit",
  data() {
    return {
      count: 1,
    };
  },
  methods: {
    showClick() {
      return (this.count += 1);
    },
  },
};
</script>

<style scoped>
</style>